First of all, we want to say thanks you! We are very grateful that you have chosen our Creativ one page site for your langding page website. We will do everything we can to provide you the best support possible. Feel free asking us if you need more help.
This document covers the Niyamafitnies- Bootstrap Theme structure, set up, and use of this template and provides answers and solutions to common problems and issues - we encourage you to read this document thoroughly if you experience any difficulties. If you have any questions that are beyond the scope of this document, feel free to ask support. (Support)
<!-- header-bg --> <div class="header-bg"> <div class="container"> <div class="header-text"> <h1>Push Harder Than Yesterday </h1> <p>Discover a new way to rejuvenate yourself. </p> <a href="#">READ MORE </a> </div> </div> </div> <!-- /header-bg -->
The template is build on Bootstrap 3.3.6 the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web..
Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
Create a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding, then create .row and add columns with appropriate device name (xs, sm, md, lg) and grid number (2, 4, 6, 12).
For full documentation, please visit Bootstrap 3 site: http://getbootstrap.com/css/
<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <div class="container"> <div class="row"> <div class="col-lg-6"> ... </div> <div class="col-lg-6"> ... </div> </div> </div>
CSS folder and files struture Well organized.
These are the CSS file you're be using in the template:
bootstrap.css (Bootstrap Original file of 3.3.6 Don't touch this file) style.css (All custom elements in this file)
jQuery - is a Javascript library that greatly reduces the amount of code that you must write. For more information, please visit http://www.jquery.com/
The initialization of the elements, libs and features is made by the file scripts.js, in the js folder. Take a look at the "build" function to see what it does.
<!-- Custom Functions --> <script src="assets/js/custom.js" typr="text/javascript"></script>
In Niyamafitnies- Bootstrap Template we used FontAwesome icons. Which is more user friendly and 350+ icons avaiable.
You can find all icon classes here : FontAwesome.Use of icons :
<i class="fa fa-trophy"><i> <i class="fa fa-code"><i> <i class="fa fa-globe"><i> <i class="fa fa-rocket"><i> <i class="fa fa-diamond"><i> <i class="fa fa-database"><i> <i class="fa fa-crop"><i> <i class="fa fa-html5"><i> <i class="fa fa-explorer"><i> <i class="fa fa-link"><i> <i class="fa fa-phone"><i> <i class="fa fa-clock-o"><i> <i class="fa-facebook"><i> <i class="fa fa-twitter"><i> <i class="fa fa-google-plus"><i> <i class="fa fa-pinterest"><i> <i class="fa fa-envelope"><i> <i class="fa fa-linkedin"><i>
Images:
Any Images or logos used in previews are not included in this item or final purchase and you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects. We used http://placehold.it/ for placeholders.
Free fonts:
All images have been used for demonstration purposes only and are not included in the template.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating this template. No guarantees, but I'll do my best to assist. If you have any suggestions on how to improve our templates or documentation please share them!